<template>
  <div class="question-wrap">
    <span class="icon" @click="showDetail"></span>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    props: {
    },
    methods: {
      showDetail() {
        console.log(123);
      }
    }
  };
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "../../common/stylus/mixin.styl"
  // .question-wrap
  //   position: fixed
  //   width: 100%
  //   top: 0;
  //   bottom: 0;
  //   .icon
  //     display: inline-block;
  //     position: absolute;
  //     bottom: 15px;
  //     right: 15px;
  //     vertical-align: top;
  //     width: 25px;
  //     height: 25px;
  //     background-size: 25px 25px;
  //     background-repeat: no-repeat;
  //     bg-image('question_red')
  // .background-grey 
  //   background-color: rgba(0, 0, 0, 0.50)
</style>
